<template>
  <div class="app">
    <my-list
      :data="listData"
      :page-count="pageCount"
    ></my-list>
  </div>
</template>

<script>
import  MyList from './components/MyScrollList/index.vue'

export default {
  name:'App',
  components:{
    MyList
  },
  data() {
    return {
      listData: [
        {
          id: 1,
          content:'Data-1'
        },
        {
          id: 2,
          content: 'Data-2'
        },
        {
          id: 3,
          content: 'Data-3'
        },
        {
          id: 4,
          content: 'Data-4'
        },
        {
          id: 5,
          content: 'Data-5'
        },
        {
          id: 6,
          content: 'Data-6'
        },
        {
          id: 7,
          content: 'Data-7'
        },
        {
          id: 8,
          content: 'Data-8'
        },
        {
          id: 9,
          content: 'Data-9'
        },
        {
          id: 10,
          content: 'Data-10'
        },
        {
          id: 11,
          content: 'Data-11'
        },
        {
          id: 12,
          content: 'Data-12'
        },
        {
          id: 13,
          content: 'Data-13'
        },
        {
          id: 14,
          content: 'Data-14'
        },
        {
          id: 15,
          content: 'Data-15'
        }
      ],
      pageCount:5
    }
  }
}
</script>

<style>
.app {
  width: 100%;
  height: 844px;
}
</style>
